<?php
	$template['title']='热门景点';
	include 'inc/header_inc.php';
?>

			<!-- 当前位置 -->
			<div class="loaction">
				<ol class="breadcrumb">
					<li><img src="img/location.gif" />当前位置:</li>
					<li><a href="index.php"> 首页 </a> >>  <a href="hotSpots.php" class="active">热门景点</a></li>
					<div class="search">
						<form action="" method="post">
							<input type="text" placeholder="请输入关键字查询" name="search" class="form-control" />
							<input type="submit" class="btn btn-primary" value="搜索" />
						</form>
					</div>
				</ol>
			</div>

			<!-- 热门风景部分 -->
			<div id="map">
				<span class="title">热门景点分类 <img src="img/index/title_ioco.gif" /></span>
				<div class="hot_map_01"><span>新疆</span></div>
				<div class="hot_map_02"><span>西藏</span></div>
				<div class="hot_map_03"><span>青海</span></div>
				<div class="hot_map_04"><span>甘肃</span></div>
				<div class="hot_map_05"><span>宁夏</span></div>
				<div class="hot_map_06"><span>四川</span></div>
				<div class="hot_map_07"><span>云南</span></div>
				<div class="hot_map_08"><span>贵州</span></div>
				<div class="hot_map_09"><span>重庆</span></div>
				<div class="hot_map_10"><span>陕西</span></div>
				<div class="hot_map_11"><span>山西</span></div>
				<div class="hot_map_12"><span>河南</span></div>
				<div class="hot_map_13"><span>湖北</span></div>
				<div class="hot_map_14"><span>湖南</span></div>
				<div class="hot_map_15"><span>广西</span></div>
				<div class="hot_map_16"><span>海南</span></div>
				<div class="hot_map_17"><span>广东</span></div>
				<div class="hot_map_18"><span>江西</span></div>
				<div class="hot_map_19"><span>福建</span></div>
				<div class="hot_map_20"><span>台湾</span></div>
				<div class="hot_map_21"><span>浙江</span></div>
				<div class="hot_map_22"><span>安徽</span></div>
				<div class="hot_map_23"><span>江苏</span></div>
				<div class="hot_map_24"><span>河北</span></div>
				<div class="hot_map_25"><span>山东</span></div>
				<div class="hot_map_26"><span>北京</span></div>
				<div class="hot_map_27"><span>辽宁</span></div>
				<div class="hot_map_28"><span>内蒙古</span></div>
				<div class="hot_map_29"><span>吉林</span></div>
				<div class="hot_map_30"><span>黑龙江</span></div>
				<div class="hot_map_31"><span>上海</span></div>
			</div>

			<div id="main">
				<!-- 分页 -->
				<div class="page">
					<div class="title"><img src="img/index/content_title03.gif" alt="" /></div>
					<ul id="ul1"><p style="text-align:center; font-size:18px;" class="tip"><span>内容正在加载中...</span><img src="img/loading.gif" style="width:80px;" /></p></ul>
					<div id="div1"></div>
				</div>
				<?php
					include 'inc/sidebar_inc.php';
				?>
			</div>
			
			<!-- 友情链接 -->
			<div class="friendly">
				<div class="silde">友<br/>情<br/>链<br/>接</div>
				<ul>
				<p style="text-align:center; font-size:18px;" class="tip"><span>内容正在加载中...</span><img src="img/loading.gif" style="width:80px;" /></p>
				</ul>
			</div>
		</div>
		<?php
			include 'inc/footer_inc.php';
		?>
	<script>

		$(function(){
			nav();
			//分页
			var json2 = {
				title : []
			}
			$.ajax({
				url:"inc/infodata_inc.php?product=1",//跳转的地址
				data:"",//提交的数据
				type:"post",//提交的类型
				datatype:"json",//返回的数据类型
				async:true,
				success:function(data){
					if(data){
						var json=eval("("+data+")");//将返回的数据转化成json
						for(var i=0;i<json.length;i++){
							json2.title.push("<img src="+ json[i].url_link +" class='pic' alt="+ json[i].title +" / >  <br  /><a href=msg_product.php?msg=hotSpots&id="+ json[i].id +" title="+ json[i].title +" class='share'>"+ json[i].title +"</a>");
						}
						$('.tip').remove();
						paging(json2);
						photo();
					}
				}
			});
		});
		
		//热门风景分类
		var oHot_map=$('#map div');
		var arr=[
			'<img src="img/index/hot_map_01.gif" />',
		]
		var title=[
			'热门景区',
			'热门景区2222',
		]

		$(oHot_map).each(function (index){
			$(oHot_map).on("mouseover",function(){
				$(this).popover({
					html : true,
					title: title[index],
					placement : 'bottom',
					content : arr[index],
					trigger:'hover',
					container : 'body'
				})
			});
		});
	</script>